<template>
  <n-button @click="show=!show" text>
    <TextIcon :size="35" icon="tabler:circle-key-filled" tip="APIKey"></TextIcon>
  </n-button>

  <n-modal v-model:show="show"
           class="w-11/12 max-w-md "
           preset="card"
           :bordered="false">
    <n-input v-model:value="apiKey" type="password"></n-input>
  </n-modal>
</template>

<script setup lang="ts">
import {ref} from "vue";
import TextIcon from "@/components/pc/icon/TextIcon.vue";
import {storeToRefs} from "pinia";
import {useAiStore} from "@/store/module/ai";

const {apiKey} = storeToRefs(useAiStore())

const show = ref(false)


</script>

<style scoped>

</style>